<template>
  <div class="hi"><span class="dazi"> hi,liweiwei </span>
    <span class="xaiozi"> 你好欢迎来到linter学习端进行课程的学习加油吧 </span>
    <img src="src/assets/img/learnimg/The Little Things Working.png" class="right-image">
  </div>

</template>

<script>
export default {
  name: "head"

}
import liweiwei from '@/assets/img/learnimg/The Little Things Working.png'
</script>

<style scoped>
.hi{
  margin-top: 2%;
  width: 90%;
  height: 12rem;
  border-radius: 10px;
  background-color: #E0FFFF;
  display: flex;
}
.dazi {
  position: relative;
  margin-left: 8%;
  font-size: 3rem;
  color: black;
  margin-top: 3rem;
}
.xaiozi{
  margin-top: 8rem;
  position: absolute;
  margin-left: 5%;
  font-size: 1rem;
  color: black;
}
.right-image {
  position: absolute;
  height: 18rem;
  margin-top: -3rem;
  margin-left: 40%; /* 根据需要调整边距 */
}


</style>
